<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>小程序建设服务平台</title>
    <meta name="keywords" content="手淘,手淘小程序,企业小程序营销,微信营销案例,微信营销技巧,微信公共平台,微网站,微商城,微店,微小店,微信源码,青岛微信,微盟,微俱聚,小猪CMS,易站宝"/>
    <meta name="description" content="手淘平台是企业微信管理和营销工具,通过手淘平台,用户可以轻松管理自己的微信各类信息,对微信公众账号进行维护、开展智能机器人、微信会员卡在线发优惠劵等活动,对微信营销实现有效监控,极大扩展潜在客户群和实现企业的运营目标"/>
    <link rel="shortcut icon" href="__IMG__/favicon.ico" type="image/vnd.microsoft.icon"/>
    <script type="text/javascript" src="__JS__/dq.js"></script>
    <script type="text/javascript" src="__JS__/fh.js"></script>
    <script type="text/javascript" src="__JS__/jquery.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("html,body").animate({scrollTop: $("#wforder").offset().top}, 3000);
        });
        wfFocus.set({id: 'wffahuo', pattern: 'wffahuo', time: 3});
    </script>
    <script type="text/javascript">
        function Malert(content) {
            $("#_alert_content").text(content);
            $("#_alert_bg").show();
            $("#_alert_content").show();
        }
        $("document").ready(function () {
            $("#_alert_bg").click(function () {
                $("#_alert_bg").hide();
                $("#_alert_content").hide();
            });






            // 点击跳转加微信
            $(".first-border-sty").click(function(){
                $(".wechat").show();
                return false;//关键是这里，阻止冒泡
            });
            $(".wechat").click(function(){
                return false;
            });

            $(".shiyong").click(function(){
                $(".wechat").show();
                return false;//关键是这里，阻止冒泡
            });
            $(".bottom-banner").click(function () {
                $(".wechat").show();
                return false;//关键是这里，阻止冒泡
            });

            $(document).click(function(){
                $(".wechat").hide();
            });

            $(".quxiaowx").click(function () {
                $(".yes-or-no").hide();

            });

            $(".wxid").click(function () {
                $(".yes-or-no").show();
            });




            $(".sku_ul a").click(function () {
                var o = $(this);
                if (!o.hasClass("sku_cur")) {
                    $(".sku_cur").removeClass("sku_cur");
                    o.addClass("sku_cur");
                    $("#item_num").val(1);
                    $("#wfpricetemp").val(o.attr("data-price"));
                    $("#wfprice").val(o.attr("data-price"));
                    $("#showprice").html(o.attr("data-price"));
                    $("#wfproduct").val(o.attr("data-sku"));
                    $("#showproduct").html(o.attr("data-sku"));
                }
            });
            $(".sku_ul_pay a").click(function () {
                var o = $(this);
                if (!o.hasClass("skupay_cur")) {
                    $(".skupay_cur").removeClass("skupay_cur");
                    o.addClass("skupay_cur");
                    $("#wfpay").val(o.attr("data-pay"));
                }
            });
        });
        function numAdd() {
            var num_add = parseInt($("#item_num").val()) + 1;
            if ($("#item_num").val() == "") {
                num_add = 1;
            }
            $("#item_num").val(num_add);
            var total = parseFloat($("#wfpricetemp").val()) * parseInt($("#item_num").val());
            $("#showprice").html(total.toFixed(2));
            $("#wfprice").val(total.toFixed(2));
        }
        function numDec() {
            var num_dec = parseInt($("#item_num").val()) - 1;
            if (num_dec < 1) {
                alert("数量不能小于1件！");
            } else {
                $("#item_num").val(num_dec);
                var total = parseFloat($("#wfpricetemp").val()) * parseInt($("#item_num").val());
                $("#showprice").html(total.toFixed(2));
                $("#wfprice").val(total.toFixed(2));
            }
        }
        function wftgp2(zk) {
            $("#wfform").attr("target", "_parent");
            try {
                var wfprice = $("#wfprice").val() * zk;
                $("#showprice").html(wfprice.toFixed(2));
            } catch (ex) {
            }
        }
        function wftgb2(zk) {
            $("#wfform").attr("target", "_blank");
            try {
                var wfprice = $("#wfprice").val() * zk;
                $("#showprice").html(wfprice.toFixed(2));
            } catch (ex) {
            }
        }
    </script>
    <link href="__CSS__/webapstyle.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        .wrap {
            width: 100%;
            max-width: 950px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
        }

        .banner {
            width: 100%;
            /*height: 560px;*/
            overflow: hidden;
            margin: 0 0 15px;
            background: url("__IMG__/banbg.jpg") center no-repeat;
        }

        .banner .pic {
            width: 100%;
            /*height: 560px;*/
            margin: 0 auto;
            position: relative;
            /*background: url("{:RES}/images/open_apply_official/banner_03.jpg") left center no-repeat;*/
        }

        .banner .showpic {
            display: none;
            width: 223px;
            height: 261px;
            position: absolute;
            left: 47px;
            top: 158px;
            background: #F0F0F0;
            overflow: hidden;
        }

        .banner .showtext {
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            /*width: 750px;*/
            /*height: 560px;*/
            /*position: absolute;*/
            /*left: 310px;*/
            /*top: 0;*/
            /*background: url("{:RES}/images/open_apply_official/b.jpg") center no-repeat;*/
        }

        .banner .showpic img {
            margin-top: 333px;
        }

        #wforder {
            width: 100%;
            background: #FFFFFF;
        }

        .wfwarp, .wforderr {
            border: 1px solid #D4D4D4;
        }

        .wftitlea, .wftitleb {
            border-bottom: 1px solid #D4D4D4;
        }

        .wfsubbox input {
            background: #39B94E;
        }

        .wfsubbox input:hover {
            background: #33A646;
        }

        .leftbox, .rightbox {
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
        }

        .leftbox {
            float: left;
            width: 65%;
        }

        .rightbox {
            float: right;
            width: 33%;
        }

        h2 {
            padding: 15px 15px 0;
            font-size: 16px;
            color: #666;
        }

        h3 {
            margin-bottom: 15px;
            font-size: 16px;
            color: #666;
        }

        h3 span {
            float: right;
            font-size: 12px;
            font-weight: normal;
            color: #999;
            margin-left: 20px;
            padding-left: 20px;
            background: url("__IMG__/help.gif") no-repeat;
        }

        .service, .contact {
            min-height: 200px;
            border: 1px solid #D4D4D4;
        }

        .service p, .contact p {
            padding: 15px;
            color: #999;
        }

        .bottom {
            width: 100%;
            height: 60px;
            line-height: 60px;
            color: #FFF;
            text-align: center;
            background: #1abd6c;
        }

        /* ---------- PAY ---------- */
        .paytoptl {
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            border-bottom: 2px solid #BECD82;
            background: #E4EACB;
        }

        .paytop {
            width: 100%;
            height: 60px;
            max-width: 950px;
            margin: 0 auto;
        }

        .paylogo {
            float: left;
            width: 35%;
            height: 60px;
            line-height: 60px;
            font-size: 36px;
            font-weight: bold;
            color: #390;
        }

        .paystep {
            float: right;
            width: 65%;
            height: 60px;
            background: url("__IMG__/paystep.png") right center no-repeat;
        }

        .paybox {
            width: auto;
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
            padding: 15px;
            border: 1px solid #D4D4D4;
            background: #F7F7F7;
        }

        .paybox p {
            line-height: 1.7em;
        }

        .sku_ul, .sku_ul_pay {
            clear: left;
        }

        .sku_ul li, .sku_ul_pay li {
            display: inline-block;
            _zoom: 1;
            *display: inline;
            margin: 0 15px 10px 0;
        }

        .sku_ul li a, .sku_ul_pay li a {
            height: 28px;
            line-height: 28px;
            padding: 0 15px;
            border: 1px solid #E0E0E0;
            display: inline-block;
        }

        .sku_ul li .sku_cur, .sku_ul_pay li .skupay_cur {
            border: 2px solid #82C92F;
            color: #F00;
            background: url("__IMG__/on.png") right bottom no-repeat;
        }

        .stype {
            float: left;
            width: 70%;
        }

        .sprice {
            float: right;
            width: 30%;
            text-align: right;
        }

        .ddinfo li {
            float: left;
            height: 25px;
            line-height: 25px;
            width: 33%;
            color: #999;
        }

        .subpay {
            text-align: right;
            margin: 10px 0;
        }

        .subpay input {
            width: 161px;
            height: 50px;
            cursor: pointer;
            border: 0;
            -webkit-appearance: none;
            background: url("__IMG__/paybut.gif") center no-repeat;
        }


        .yes-or-no {
            position: fixed;
            top: 30%;
            width: 70%;
            height:10%;
            right: 15%;
            left: 15%;
            color: #666;
            border:1px solid #70ad47;
            text-align: center;
            background: #fff;
            z-index: 5000;
            display: none;
            padding: 30px 0px;
        }

        .wechat {
            position: fixed;
            top: 20%;
            width: 80%;
            right: 10%;
            left: 10%;
            color: #666;
            text-align: center;
            -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            -moz-box-shadow: 1px 1px 2x rgba(0, 0, 0, 1);
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            background: #fff;
            z-index: 5000;
            display: none;
            padding: 30px 0px;
        }

        .wechat .p1 {
            font-size: 22px;
        }

        .wechat .wxid {
            font-size: 40px;
            font-weight: bold;
            background-color: #FE4245;
            color: #FFF;
            padding: 10px;
            margin: 30px 0px;
        }
        .wechat .p2 {
            font-size: 20px;
        }

        .first-border-sty{
            border: 1px solid #26a96d;
            background: #fff;
            color: #26a96d;
            bottom: 10px;
            left:13px;
            position: absolute;
            width: 120px;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            text-align:center;
            border-radius:3px;
        }

        .first-p{
            line-height:1.6rem;
            font-size:1rem;
            padding:0.1rem 0.8rem;
        }
        .first-p1{
            line-height:1.6rem;
            font-size:1rem;
            padding:0.1rem 0.8rem;
        }
        .first-p2{
            line-height:1.2rem;
            font-size:0.6rem;
            padding:0.1rem 0.8rem;
        }

        .payfoot {
            width: 100%;
            height: 70px;
            line-height: 70px;
            text-align: center;
            background-color: #F4F4F4;
            position: fixed;
            _position: absolute;
            left: 0;
            bottom: 0;
            z-index: 100;
            _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
            overflow: visible;
        }
    </style>
    <link href="__CSS__/respond.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__JS__/respond.js"></script>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?e2b4b19d9b88c4480a25e66cb96aeba4";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body style="background: #f7f7f7;" >

<img alt="" src="__IMG__/stbanner.jpg" style="width: 100%;">
<!-- wrap start -->
<div class="wrap">
    <div class="leftbox">
        <div id="wforder">
            <div class="wfwarp">
                <form id="wfform" name="wfform" action="" method="post">
                    <input type="hidden" name="service_type" value="0">
                    <input type="hidden" name="wfrnmb" value="1ff479d4d0db7267bba6d7b59336547b">
                    <input type="hidden" name="WFLLURL" id="WFLLURL" value="">
                    <input type="hidden" name="WFDDURL" id="WFDDURL" value="">
                    <input type="hidden" name="wfggref" value="">
                    <input type="hidden" name="wfproname" id="wfproname" value="公众号营销平台">
                    <input type="hidden" name="wfmun" value="1">
                    <input type="hidden" name="wfprice" value="400.00">
                    <input type="hidden" name="wftempid" value="10000">
                    <input type="hidden" name="wfismob" value="">
                    <input type="hidden" name="url" value="{$url}">
                    <!--<div class="wftitlea"></div>-->
                    <div class="shenqing" style="text-indent:12px;background-color:#39B94E;line-height: 42px;margin-bottom:13px;color:white;font-size: 18px; ">小程序在线申请</div>
                    <div class="wfbdbox">
                        <label class="wfbdxx"><em>*</em>所在地区</label>
                        <div class="wfxlbox">
                            <select id="province" name="province" class="wfdqxl"></select>
                            <select id="city" name="city" class="wfdqxl"></select>
                            <select id="area" name="area" class="wfdqxl nomar"></select>
                        </div>
                    </div>
                    <div class="wfbdbox">
                        <label class="wfbdxx"><em>*</em>小程序名称</label>
                        <div class="wftextbox">
                            <input type="text" name="mp_name">
                        </div>
                    </div>
                    <div class="wfbdbox">
                        <label class="wfbdxx"><em>*</em>申请人姓名</label>
                        <div class="wftextbox">
                            <input type="text" name="user_name">
                        </div>
                    </div>

                    <div class="wfbdbox" style="display: none;">
                        <label class="wfbdxx"><em>*</em>申请人微信昵称</label>
                        <div class="wftextbox">
                            <input type="text" name="wx_name" id="wx_name" value=" ">
                        </div>
                    </div>

                    <div class="wfbdbox">
                        <label class="wfbdxx"><em>*</em>联系手机</label>
                        <div class="wftextbox">
                            <input type="text" name="user_tel" id="user_tel">
                        </div>
                    </div>
                    <div class="wfbdbox">
                        <label class="wfbdxx"><em>*</em>QQ号</label>
                        <div class="wftextbox">
                            <input type="text" name="qq">
                        </div>
                    </div>
                    <div class="wfbdbox">
                        <label class="wfbdxx"><em>*</em>申请用途</label>
                        <div class="wftextarea">
                            <textarea name="purpose" placeholder=""></textarea><br>
                            <span style="display:block;padding:12px 0;">
                                <input type="checkbox" name="agreement" id="agreement"> <label for="agreement">我已阅读并同意和遵守</label>
                                <a href="/home/index/agreement" target="_blank" style="color:red;">《服务协议》</a>
                            </span>
                        </div>
                    </div>
                    <input type="hidden" name="user_refer" id="user_refer" value="">
                    <input type="hidden" name="user_client" id="user_client" value="">
                    <div class="wfsubbox">
                        <input type="button" name="wfsubmit" value="立即申请 " onClick="wfpostcheck();">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--<div class="shiyong" style="width:100%;background-color: #00c2ff;text-align: center;color:white;padding:33px 0px;">-->
    <!--<p style="font-size: 1.2rem;-->
    <!--line-height: 12px;">公众号营销 小程序门店 小程序商城</p>-->
    <!--<p style="font-size:32px;-->
    <!--line-height: 55px;margin-top:22px;">点此试用</p>-->
<!--</div>-->

<div style="width:94%;margin:0  auto;">
<div class="first-pic"  style="margin:13px 0px;display:flex;background: white;position: relative;">
    <div style="width:60%;float:left;">
        <p class="first-p">小程序怎么注册</p>
        <p class="first-p">入驻附近的小程序</p>
        <p class="first-p">运营小程序</p>
        <div class="first-border-sty">免费试用</div>
    </div>
    <div style="float:left;width:40%;">
     <img width="100%" src="__IMG__/st1.jpg">
    </div>
</div>
</div>
<div style="width:94%;margin:0  auto;">
<div class="first-pic"  style="margin:13px 0px;display:flex;background: white;position: relative;">
    <div style="width:60%;float:left;">
        <p class="first-p1">小程序门店版本</p>
        <p class="first-p2">适用于服务业所有行业，自由拼选功能，实现营销推广，在线支付等功能；</p>
        <div class="first-border-sty">免费试用</div>
    </div>
    <div style="float:left;width:40%;">
        <img width="100%" src="__IMG__/st2.jpg">
    </div>
</div>
</div>
<div style="width:94%;margin:0  auto;">
<div class="first-pic"  style="margin:13px 0px;display:flex;background: white;position: relative;margin-bottom:73px;">
    <div style="width:60%;float:left;">
        <p class="first-p1">小程序商城版本</p>
        <p class="first-p2">为零售提供最先进的营销解决方案，搭建微信端电商销售体系。</p>
        <div class="first-border-sty">免费试用</div>
    </div>
    <div style="float:left;width:40%;">
        <img width="100%" src="__IMG__/st3.jpg">
    </div>
</div>
</div>

<div class="bottom-banner"  style="height:60px; text-align: center; bottom: 0px; line-height:60px; position: fixed;">
    <img src="__IMG__/0.png" width="100%" height="100%">
</div>

<div class="wechat" id="wechat" style="display: none;">
    <p class="p1">长按下方微信号复制并添加</p>
    <p class="wxid" >shoutao6677</p>
    <p class="p2">加我好友，观看案例</p>
</div>

<!--<div class="yes-or-no" style="display:none">-->

    <!--<div>是否现在去微信</div>-->

    <!--<div class="quxiaowx" style="position:absolute;background:#70ad47;left:15px;bottom:15px;width:55px;line-height:24px;">取消</div>-->

    <!--<a href="#">-->
    <!--<div class="querenwx" style="position:absolute;background:#70ad47;right:15px;bottom:15px;width:55px;line-height:24px;">是</div>-->
    <!--</a>-->
<!--</div>-->




<script type="text/javascript" src="__JS__/gd.js"></script>
<script type="text/javascript" src="__JS__/bd.js"></script>
<script>
    // 获取终端信息
    function get_browser_type(){
        // 获取浏览器信息
        var sUserAgent = navigator.userAgent.toLowerCase();
        if (sUserAgent.match(/MicroMessenger/i) == 'micromessenger') { // 微信支付
            return "wechat";
        } else {
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { // H5支付
                return "wap";
            } else { // PC端
                return "pc";
            }
        }
    }
    (function() {
        var browser = get_browser_type();
        $("input[name=user_client]").val(browser);
        var refer = window.location.host;
        $("input[name=user_refer]").val(refer);
    })();
</script>
</body>
</html>





































